<template>
	<view class="newsBox">
		<block v-for="(item,index) in newsItemList" :key="index">
			<newsItem :item="item"></newsItem>
		</block>
		<loadMore :loadtext="loadtext" ></loadMore>
		<diolagPopup :openShow="openShow" @addfriends="addfriends" @clean="clean" @closedio="closedio"></diolagPopup>
		
	</view>
</template>

<script>
	import newsItem from '@/components/news/news-item.vue'
	import diolagPopup from '@/components/common/diolag-popup.vue';
	import loadMore from '../../components/common/load-more.vue';
	export default {
		data() {
			return {
				openShow:false,
				loadtext:'上拉加载更多',
				newsItemList: [
					{
						titlepic: '../../static/img/userpic/17.jpg',
						title: '小花生不上课',
						desc: '爱学就学，不学回家',
						num: 4,
						date: '14:02'
					},
					{
						titlepic: '../../static/img/userpic/14.jpg',
						title: '小花生不上课',
						desc: '爱学就学，不学回家',
						num: 0,
						date: '12:11'
					},
					{
						titlepic: '../../static/img/userpic/12.jpg',
						title: '小花生不上课',
						desc: '虽然不推荐使用HTML标签，但实际上如果开发者写了div等标签，在编译到非H5平台时也会被编译器转换为view标签',
						num: 4,
						date: '12:11'
					},
					{
						titlepic: '../../static/img/userpic/11.jpg',
						title: '小花生不上课',
						desc: '爱学就学，不学回家',
						num: 1,
						date: '12:11'
					},
					{
						titlepic: '../../static/img/userpic/12.jpg',
						title: '小花生不上课',
						desc: '虽然不推荐使用HTML标签，但实际上如果开发者写了div等标签，在编译到非H5平台时也会被编译器转换为view标签',
						num: 4,
						date: '12:11'
					},
					{
						titlepic: '../../static/img/userpic/11.jpg',
						title: '小花生不上课',
						desc: '爱学就学，不学回家',
						num: 1,
						date: '12:11'
					},
					{
						titlepic: '../../static/img/userpic/12.jpg',
						title: '小花生不上课',
						desc: '虽然不推荐使用HTML标签，但实际上如果开发者写了div等标签，在编译到非H5平台时也会被编译器转换为view标签',
						num: 4,
						date: '12:11'
					},
					{
						titlepic: '../../static/img/userpic/11.jpg',
						title: '小花生不上课',
						desc: '爱学就学，不学回家',
						num: 1,
						date: '12:11'
					},
					{
						titlepic: '../../static/img/userpic/12.jpg',
						title: '小花生不上课',
						desc: '虽然不推荐使用HTML标签，但实际上如果开发者写了div等标签，在编译到非H5平台时也会被编译器转换为view标签',
						num: 4,
						date: '12:11'
					},
					{
						titlepic: '../../static/img/userpic/11.jpg',
						title: '小花生不上课',
						desc: '爱学就学，不学回家',
						num: 1,
						date: '12:11'
					}
				]
			}
		},
		components: {
			newsItem,
			diolagPopup,
			loadMore
		},
		//页面滚动到底部的事件
		onReachBottom(){
			this.loadMore()
		},
		//下拉刷新
		onPullDownRefresh(){
			this.getData()
		},
		//监听原生标题栏按钮点击事件
		onNavigationBarButtonTap(e){
			console.log(e)
			switch (e.index){
				case 0:
				//左边
				this.user.navigate({
					url: '../friends-list/friends-list',
					
				})
				this.closedio();
					break;
				case 1:
				this.opendio()
					break;
			}
		},
		methods: {
			addfriends(){
				this.closedio()
			},
			clean(){
				this.closedio()
			},
			closedio(){
				this.openShow=false;
			},
			opendio(){
				this.openShow=true;
			},
			loadMore() {
				if(this.loadtext!="上拉加载更多"){return}
				//修改状态
				this.loadtext="加载中...";
				setTimeout(()=>{
					//获取完成
					let obj=[
						{
							titlepic: '../../static/img/userpic/17.jpg',
							title: '六道作品',
							desc: '坏蛋是怎么连城的，不学回家',
							num: 4,
							date: '14:02'
						},
						{
							titlepic: '../../static/img/userpic/14.jpg',
							title: '米夏小于',
							desc: '六道快手家常菜，好吃又下饭，家人吃点胖胖的',
							num: 0,
							date: '12:11'
						},
					]
					this.newsItemList=obj;
					this.loadtext="上拉加载更多"
				},1000)
				// this.loadtext="我也是有底线的"
			},
			getData(){
				setTimeout(()=>{
					let obj=[
						{
							titlepic: '../../static/img/userpic/17.jpg',
							title: '六道作品',
							desc: '坏蛋是怎么连城的，不学回家',
							num: 4,
							date: '14:02'
						},
						{
							titlepic: '../../static/img/userpic/14.jpg',
							title: '米夏小于',
							desc: '六道快手家常菜，好吃又下饭，家人吃点胖胖的',
							num: 0,
							date: '12:11'
						},
					]
					this.newsItemList=obj;
					uni.stopPullDownRefresh();
				},2000)
			},
		}
	}
</script>

<style scoped lang="scss">
	.newsBox {
		padding: 0 20upx;
	}
</style>
